//项目
<template>
  <div class="home">
    <!-- <v-nav></v-nav> -->
    <el-carousel :autoplay='autoplay' trigger="click" height="300px" :interval='2000' class="carousel-wrapper">
      <el-carousel-item v-for="item in imgs" :key="item" class="carousel-item">
        <img :src="item" class='img' >
      </el-carousel-item>
    </el-carousel>
    <project-item></project-item>
    <div><img :src="imgs[2]" class="tuozhan" /></div>
    <div>qiwehqiouerixscfds</div>
  </div>
</template>

<script>
import projectItem from '../project-item/projectItem'
// import vNav from "../v-nav/v-nav.vue";
import fast from "../home/01fast.png"
import fuwu from  "../home/02grier.jpg"
import pingpai from  "../home/4pen.jpg"

export default {
  name: "home",
  data(){
    return {
      imgs:[fast,fuwu,pingpai],
      autoplay:false
    }
  },
  methods:{
    
  },
  components: {
    projectItem
  }
};
</script>
<style scoped>
  .carousel-wrapper{
    width: 100%;
  }
  .carousel-item{
    width:100%;
  }
  .img{
    height: 100%;
    width: 100%;
    background-color :aquamarine;
  }
  
  .tuozhan{
    width: 100%;
    height: 300px;
  }
</style>